<!--
  Generated template for the PeopleDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>{{this.peopleService.people.user_name}}</ion-title>

  <ion-buttons end>
      <button ion-button color="secondary" outline (click)="loginOutAction()">退出</button>
    </ion-buttons>

  </ion-navbar>

  

</ion-header>


<ion-content padding>

  <div>{{this.peopleService.people.user_name}}</div>

  <ion-item>
    <ion-label>修改用户名</ion-label>
    <ion-input type="text" placeholder="请输入新用户名" [(ngModel)]="userName"></ion-input>
  </ion-item>

<!-- </ion-list> -->

<button ion-button full (click)="updateUserName()" class="okButton" >确认</button>

<button ion-button full (click)="userListAction()"  class="userList" >查看所有用户</button>


</ion-content>
